<div *ngIf="selectedTabLink === 'hot' else Other">
  <app-Image-slider [sliders]="imageSliders"></app-Image-slider>
  <app-my-component>
    <div *ngFor="let item of channels" appGridItem>
      <img [src]="item.imgUrl" alt="" [appGridImage]="'2rem'" [fitMode]="'cover'">
      <span appGridTitle='0.6rem'>{{item.title}}</span>
    </div>
  </app-my-component>
</div>
<ng-template #Other>{{selectedTabLink}}</ng-template>

<a [routerLink]="[ 'grand' ]" [queryParams]="{name: 'hangman'}" routerLinkActive="active">to grand</a>
<a [routerLink]="[{outlets: { send: ['aux']}} ]">to aux</a>
<router-outlet></router-outlet>
<router-outlet name="send"></router-outlet>
